<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Product List</title>
</head>
<body>
<main  role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
    <h2>Product List</h2>
    <div class="table-responsive">
        <table class="table table-striped table-sm" border="1">
            <thead>
                <tr>
                    <th>Product Name</th>
                    <th>Product Num</th>
                </tr>
            </thead>
            <tbody>
                <tr th:each="product : ${products}">
                    <td th:text="${product.name}"> ™</td>
                    <td th:text="${product.num}"> 'S</td>
                </tr>
            </tbody>
        </table>
    </div>
</main>
</body>
</html>